.word-page-container {
  flex: 1;
  background-color: #fff;
  margin: 16px 16px 0;
  padding: 16px;
  overflow-y: auto;

  .word-header-container {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;

    .ant-form {
      width: 100%;
      display: flex;

      .ant-form-item {
        margin-left: 15px;

        .ant-form-item-label {
          width: 80px;
          text-align: left;
        }

        .ant-select {
          width: 150px;
        }

        .ant-input {
          width: 180px;
        }
      }
    }
    
    .word-opear-option {
      display: flex;

      .ant-btn {
        margin-left: 15px;
      }
    }
  }

  .word-list-container {
    flex: 1;

    .overflow-text {
      max-width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .ant-pagination {
      margin: 25px 15px;
      text-align: right;
    }
  }
}